<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>工具导航</title>
    <base th:href="@{/}">
    <meta charset="utf-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
          name="viewport"/>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/tool-nav/toolNav.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/tool-nav/icon/iconfont.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/my-layer-div.css}"/>
</head>
<body>
<div id="container">
    <div class="tool_item">
        <div class="item_title">图片截屏类</div>
        <div class="item_content">
            <!--tool放置位置-->
            <span class="tool">
                <span class="tool_inner" data-link="sizeGenerator">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-biaogeshezhi-copy"></span></span>
                    <span class="tool_content">
                        <span class="name">表格生产工具</span>
                        <span class="info">表格制作, 制作你的专属表格</span>
                    </span>
                </span>
            </span>
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-moban"></span></span>
                    <span class="tool_content">
                        <span class="name">模板消费工具</span>
                        <span class="info">模板定制, 定制你的专属模板</span>
                    </span>
                </span>
            </span>
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-wangye2"></span></span>
                    <span class="tool_content">
                        <span class="name">网页视图器</span>
                        <span class="info">查看网页, 查看你的网页</span>
                    </span>
                </span>
            </span>
        </div>
    </div>
    <div class="tool_item">
        <div class="item_title">假装其他类</div>
        <div class="item_content">
            <!--tool放置位置-->
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-wangye4"></span></span>
                    <span class="tool_content">
                        <span class="name">其他工具</span>
                        <span class="info">其他工具, 其他的其他就是</span>
                    </span>
                </span>
            </span>
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-wangye4"></span></span>
                    <span class="tool_content">
                        <span class="name">其他工具</span>
                        <span class="info">其他工具, 其他的其他就是</span>
                    </span>
                </span>
            </span>
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-wangye4"></span></span>
                    <span class="tool_content">
                        <span class="name">其他工具</span>
                        <span class="info">其他工具, 其他的其他就是</span>
                    </span>
                </span>
            </span>
        </div>
    </div>
    <div class="tool_item">
        <div class="item_title">其他类</div>
        <div class="item_content">
            <!--tool放置位置-->
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-wangye4"></span></span>
                    <span class="tool_content">
                        <span class="name">其他工具</span>
                        <span class="info">其他工具, 其他的其他就是</span>
                    </span>
                </span>
            </span>
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-moban"></span></span>
                    <span class="tool_content">
                        <span class="name">其他工具</span>
                        <span class="info">其他工具, 其他的其他就是</span>
                    </span>
                </span>
            </span>
            <span class="tool">
                <span class="tool_inner">
                    <span class="border"></span>
                    <span class="tool_icon"><span class="iconfont icon-wangye3"></span></span>
                    <span class="tool_content">
                        <span class="name">其他工具</span>
                        <span class="info">其他工具, 其他的其他就是</span>
                    </span>
                </span>
            </span>
        </div>
    </div>
</div>
<div id="footer">
    版权所有 © 2019-2020 (<a class="link" href="http://yuangfeng.top">yuangfeng.top</a>) 赣ICP备20000118号 私人工具集
    <a class="link" href="javascript:void(0);">私聊我</a>
    <a class="link" href="javascript:void(0);">关于我们</a>
</div>
<div id="nav">
    <span class="go_back" data-link="/">回到首页</span>
</div>
<script type="text/javascript" th:src="@{https://lib.baomitu.com/jquery/3.5.0/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap/js/layopen.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap/js/JSONUtil.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap/js/AjaxUtil.js}"></script>
<script>
    $('.tool_inner').on('click', function () {
        let link = $(this).data('link');
        if (link) {
            window.location.href = 'tool/' + link;
        } else {
            SuccessAlert('敬请期待!');
        }
    });
    $('.go_back').on('click', function () {
        let link = $(this).data('link');
        if (link) {
            window.location.href = link;
        }
    });
</script>
</body>
</html>